
@outerPadding: 15%;
@innerWidth: 70%;

.home {
	min-width: 1230px;
	.ant-carousel {
		height: 100%;
		width: 100%;
		div {
			height: 100%;
			width: 100%;
		}
	}
	.home-content {
		position: absolute;
		bottom: 80px;
		width: 100%;
		.content-more {
			min-width: 553px;
			width: 45%;
			height: 136px;
			position: absolute;
			bottom: 260px;
			right: @outerPadding;
			background-color: rgba(0, 0, 0, 0.8);
			box-sizing: border-box;
			padding: 15px 25px 15px;
			p {
				color: #edbfa8;
				font-size: 30px;
				border-bottom: 1px solid #fff;
				padding: 10px 0px;
				margin: 0;
				span {
					margin: 15px;
				}
			}
			div {
				padding: 10px 0px;
				font-size: 14px;
				color: #ccc;
				a {
					color: #ccc;
					margin: 15px;
				}
				input {
					background-color: rgba(0, 0, 0, 0);
					color: #fff;
				}
				i {
					color: #fff;
				}
			}
		}
		.content-news {
			position: absolute;
			bottom: 0;
			right: @outerPadding;
			width: @innerWidth;
			.news-left {
				width: 75%;
				height: 250px;
				float: left;
				background: #fff;
				padding: 5px;
				.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
					padding-left: 45px;
					padding-right: 45px;
				}
			}
			.news-right {
				width: 20%;
				height: 250px;
				float: right;
				background-color: #682C0E;
				padding-top: 20px;
				p {
					padding: 0 12px;
					color: #fff;
					font-size: 16px;
					a {
						color: #fff;
						margin: 0 14px;
						display: inline-block;
					}
					a:last-child {
						margin: 0;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1390px) {
	@outerPadding: 10%;
	@innerWidth: 80%;
	.home {
		.home-content {
			.content-news {
				.news-right {
					padding-top: 24px;
					p {
						padding: 0 11px;
						color: #fff;
						font-size: 16px;
						a {
							color: #fff;
							margin: 0 10px;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1275px) {
	.home {
		.home-content {
			.content-news {
				.news-right {
					padding-top: 25px;
					p {
						padding: 0 10px;
						color: #fff;
						font-size: 15px;
						a {
							color: #fff;
							margin: 0 8px;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-height: 600px) {
	.home {
		.home-content {
			position: relative;
			bottom: 30px;
		}
	}
}
